<template>
    <view class="">
		<view class="rule" @click="active">
		
					<view style="margin:0 auto 40rpx auto;width: 140rpx;">
		
						<u-image src="/static/rule_title.png" width="140" height="60"></u-image>
		
					</view>
		
		
		
					<u-parse :html="content"></u-parse>
		
		
				</view>
	</view>
</template>

<script>
	export default{
		props:{
			titleID:{
				type:Number,
				default:""
			}
		},
		
		data(){
			return{
				content:""
			}
		},
		created(){
		     this.active()
		
		},
		methods:{
			
			active(){
			
				this.$u.post('/api/index/detail', {
					article_id:this.titleID
				}, {}).then(res => {
				 this.content=res.data.detail
					
				}).catch(err => {})
			}
		    
		}
	}
</script>

<style>
	.rule {
			width: 690rpx;
			background: #FFFFFF;
			margin: auto;
			border-radius: 20rpx;
			margin-top: 40rpx;
			padding: 40rpx;
		}
</style>
